<template>
	<view>
		<uni-card class="ct1">
			<uni-row>
				<uni-col :span="2">
					<view vt1>
						<image class="tpt1" src="../../static/搜索.png"></image>
					</view>
				</uni-col>
				<uni-col :span="22">
					<input type="text" class="ipt1" placeholder="请输入活动名称模糊查询" @input="handleInput" />
				</uni-col>
			</uni-row>
		</uni-card>
		<!-- 第一个 -->
		<uni-card class="ct2">
			<uni-col :span="3" class="uct3">
				
				    <image class="it1" src="../../static/文件夹.png"></image>
				
			</uni-col>
			<uni-col :span="20" class="uct1">
				
					<text class="tt1">全员共享文件夹</text><br>
					<text class="tt2">2023/4/23 10:11更新</text>
				
			</uni-col>
			<uni-col :span="1" class="uct2">
				
				<image src="../../static/download.png" @click="handleImageClick1" style="width: 18px;height: 18px;"></image>
			</uni-col>
		</uni-card>
		<!-- 第二个 -->
		<uni-card class="ct2">
			<uni-col :span="3" class="uct3">
				
				    <image class="it1" src="../../static/word.png"></image>
				
			</uni-col>
			<uni-col :span="20" class="uct1">
				
					<text class="tt1">公文文件.docx</text><br>
					<text class="tt2">2023/4/23 10:11更新</text>
				
			</uni-col>
			<uni-col :span="1" class="uct2">
				
				<image src="../../static/download.png" @click="handleImageClick2" style="width: 18px;height: 18px;"></image>
			</uni-col>
		</uni-card>
		<!-- 第三个 -->
		<uni-card class="ct2">
			<uni-col :span="3" class="uct3">
				
				    <image class="it1" src="../../static/ppt.png"></image>
				
			</uni-col>
			<uni-col :span="20" class="uct1">
				
					<text class="tt1">公文文件.PPT</text><br>
					<text class="tt2">2023/4/23 10:11更新</text>
				
			</uni-col>
			<uni-col :span="1" class="uct2">
				
				<image src="../../static/download.png" @click="handleImageClick3" style="width: 18px;height: 18px;"></image>
			</uni-col>
		</uni-card>
		<!-- 第四个 -->
		<uni-card class="ct2">
			<uni-col :span="3" class="uct3">
				
				    <image class="it1" src="../../static/excel.png"></image>
				
			</uni-col>
			<uni-col :span="20" class="uct1">
				
					<text class="tt1">公文文件.excel</text><br>
					<text class="tt2">2023/4/23 10:11更新</text>
				
			</uni-col>
			<uni-col :span="1" class="uct2">
				
				<image src="../../static/download.png" @click="handleImageClick4" style="width: 18px;height: 18px;"></image>
			</uni-col>
		</uni-card>
		<!-- 第五个 -->
		<uni-card class="ct2">
			<uni-col :span="3" class="uct3">
				
				    <image class="it1" src="../../static/png.png"></image>
				
			</uni-col>
			<uni-col :span="20" class="uct1">
				
					<text class="tt1">公文文件.PNG</text><br>
					<text class="tt2">2023/4/23 10:11更新</text>
				
			</uni-col>
			<uni-col :span="1" class="uct2">
				
				<image src="../../static/download.png" @click="handleImageClick5" style="width: 18px;height: 18px;"></image>
			</uni-col>
		</uni-card>
		<!-- 第六个 -->
		<uni-card class="ct2">
			<uni-col :span="3" class="uct3">
				
				    <image class="it1" src="../../static/avi.png"></image>
				
			</uni-col>
			<uni-col :span="20" class="uct1">
				
					<text class="tt1">公文文件.AVI</text><br>
					<text class="tt2">2023/4/23 10:11更新</text>
				
			</uni-col>
			<uni-col :span="1" class="uct2">
				
				<image src="../../static/download.png" @click="handleImageClick6" style="width: 18px;height: 18px;"></image>
			</uni-col>
		<!-- 第七个 -->
		</uni-card>
		<uni-card class="ct2">
			<uni-col :span="3" class="uct3">
				
				    <image class="it1" src="../../static/PDF.png"></image>
				
			</uni-col>
			<uni-col :span="20" class="uct1">
				
					<text class="tt1">公文文件.PDF</text><br>
					<text class="tt2">2023/4/23 10:11更新</text>
				
			</uni-col>
			<uni-col :span="1" class="uct2">
				
				<image src="../../static/download.png" @click="handleImageClick7" style="width: 18px;height: 18px;"></image>
			</uni-col>
		</uni-card>
		<!-- 第八个 -->
		<uni-card class="ct2">
			<uni-col :span="3" class="uct3">
				
				    <image class="it1" src="../../static/zip.png"></image>
				
			</uni-col>
			<uni-col :span="20" class="uct1">
				
					<text class="tt1">公文文件.ZIP</text><br>
					<text class="tt2">2023/4/23 10:11更新</text>
				
			</uni-col>
			<uni-col :span="1" class="uct2">
				
				<image src="../../static/download.png" @click="handleImageClick8" style="width: 18px;height: 18px;"></image>
			</uni-col>
		</uni-card>
	</view>
</template>

<script>
export default {  
  methods: {  
    // 图片点击时触发的函数  
    handleImageClick1() {  
      // 在这里编写你希望执行的代码  
      // 例如，你可以使用uni.navigateTo跳转到另一个页面  
      uni.navigateTo({  
        url: '/pages/cs/lianxi' // 假设你要跳转到的页面路径  
      });  
  
      
       
    }  
  }  
}  				

</script>

<style>
	.ct1{
		height: 40px;
		background: #FFFFFF;
		box-shadow: 0 3px 6px 0 #c9cfd980;
		border-radius: 20px;
		
	}
	.vt1{
		
		height: 20px;
		margin-top: 10px;
		
	}
	.tpt1{
		width: 20px;
		height: 20px;
	}
	.ipt1{
		
		height: 17px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 16px;
		color: #000000;
		letter-spacing: 0;
		line-height: 17px;
	}
	.ipt1::placeholder{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 14px;
		color: #707070;
		letter-spacing: 0;
		line-height: 17px;
	}
	.ct2{
		height: 76px;
		background: #FFFFFF;
		box-shadow: 0 3px 6px 0 #c9cfd980;
		border-radius: 8px;
	}
	.it1{
		width: 30px;
		height: 30px;
	}
	.tt1{
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 16px;
		color: #000000;
		letter-spacing: 0;
	}
	.tt2{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5D5C5C;
		letter-spacing: 0;
		line-height: 20px;
	}
	.uct1{
		margin-top: 5px;
	}
	.uct2{
		 
		margin-top: 18px;
	}
	.uct3{
		margin-top: 4px;
	}
</style>